// 头部 config

$e-header-fixed-z-index: 100;

$e-header-config: (
    client: (
        // 桌面
        desktop: (
            default: (
                height: 60px,
                background-color: #fff,
                // 下方阴影
                shadow: 0 0 40px 0 rgba(82, 63, 105, .1),
            ),
            fixed: (
                // 固定状态
                z-index: $e-header-fixed-z-index
            )
        ),
        // 移动
        mobile: (
            default: (
                height: 50px
            ),
            fixed: (
                // 固定状态
                z-index: $e-header-fixed-z-index
            ),
            toolbar: (
                toggler: (
                    width: 24px,
                    height: 24px,
                    transition-duration: .4s,
                    thickness: 2px,
                    space: 6px,
                    radius: 2px,
                    color: (
                        default: rgba(#fff, .2),
                        hover: e-brand-color(),
                        active: e-brand-color()
                    )
                )
            )
        )
    ),
);

// 工具条 config
$e-header-topbar-config: (
    client: (
        desktop: (
            item-size: 44px,
            flag-size: 17px,
            svg-size: 24px,
            avatar-size: 35px
        ),
        mobile: (
            height: 50px,
            item-size: 34px,
            svg-size: 30px,
            avatar-size: 30px
        )
    )
);

// 头部
$e-header-skins-config: (
    dark:(
        background-color: e-get($e-state-colors, dark, base),
        color: #fff,
        topbar: (
            color: e-get($e-base-colors, label, 3),
            hover-background-color: #282f48
        ),
        menu: (
            item: (
                link: (
                    self: (
                        background-color: (
                            default: none,
                            active: #6548e5,
                            here: #6548e5,
                            hover: #6548e5
                        )
                    ),
                    text: (
                        font-color:	(
                            default: #fff,
                            active: #fff,
                            here: #fff,
                            hover: #fff
                        )
                    )
                )
            )
        )
    ),
    light: (
        background-color: #fff,
        color: #313143,
        topbar: (
            color: e-brand-color(),
            hover-background-color: rgba(e-brand-color(), .1)
        ),
        menu: (
            item: (
                link: (
                    self: (
                        background-color: (
                            default: none,
                            active: rgba(e-brand-color(), .08),
                            here: none,
                            hover: rgba(e-brand-color(), .08)
                        )
                    ),
                    text: (
                        font-color:	(
                            default: #9096b8,
                            active: e-brand-color(),
                            here: e-brand-color(),
                            hover: e-brand-color()
                        )
                    )
                )
            )
        )
    )
);

// 移动端头部（logo+toolbar）皮肤，桌面模式不显示
$e-header-mobile-skins-config: (
    dark:(
        background-color: e-get($e-state-colors, dark, base),
        color: #fff,
        tools-color: #0050b3
    ),
    light: (
        background-color: #fff,
        color: #313143,
        tools-color: #b4b8ce
    )
)